// 引入 vuex 助手
import { mapState } from "vuex";

export default {
    computed:{
        ...mapState(['themeName'])
    },
    watch:{
        themeName(newV,oldV){
            // console.log(newV,oldV);
            // 1.销毁旧实例
            this.echartsInstance.dispose();
            // 2.echarts实例初始化 静态配置项设置 基础图表绘制
            this.initEcharts();
            // 3.获取业务数据
            this.setEcharts();
            // 4.调用适配方法
            this.adapTive();
        }
    },
  data() {
        return {
            echartsInstance: null, //初始化echarts实例对象
            allData:[]   //业务数据
        };
  },
  beforeDestroy(){
    // 销毁组件之前移除监听器
    window.removeEventListener('click',this.adapTive)
  },
}